.markdown-body {
    :root {
        --side-bar-bg-color: #fff;
        --control-text-color: #777;
        --font-sans-serif: 'Ubuntu', 'Source Sans Pro', sans-serif !important;
        --font-monospace: 'Fira Code', 'Roboto Mono', monospace !important;
    }

    html {
        font-size: 14px;
    }

    body {
        font-family: var(--font-sans-serif);
        color: #34495e;
        -webkit-font-smoothing: antialiased;
        line-height: 1.6rem;
        letter-spacing: 0;
        margin: 0;
        overflow-x: hidden;
    }

    body>*:first-child {
        margin-top: 0 !important;
    }

    body>*:last-child {
        margin-bottom: 0 !important;
    }

    a {
        color: #42b983;
        font-weight: 600;
        padding: 0 2px;
        text-decoration: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        position: relative;
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-weight: bold;
        line-height: 1.4;
        cursor: text;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        color: $color-gray;
        margin: 1.6rem 0 .8rem;
    }

    h1:hover a.anchor,
    h2:hover a.anchor,
    h3:hover a.anchor,
    h4:hover a.anchor,
    h5:hover a.anchor,
    h6:hover a.anchor {
        text-decoration: none;
    }

    h1 tt,
    h1 code {
        font-size: inherit !important;
    }

    h2 tt,
    h2 code {
        font-size: inherit !important;
    }

    h3 tt,
    h3 code {
        font-size: inherit !important;
    }

    h4 tt,
    h4 code {
        font-size: inherit !important;
    }

    h5 tt,
    h5 code {
        font-size: inherit !important;
    }

    h6 tt,
    h6 code {
        font-size: inherit !important;
    }

    h2 a,
    h3 a {
        color: #34495e;
    }



    /* p,
blockquote,
ul,
ol,
dl,
table {
    margin: 0.8em 0;
} */

    li>ol,
    li>ul {
        margin: 0 0;
    }

    hr {
        height: 2px;
        padding: 0;
        margin: 16px 0;
        background-color: #e7e7e7;
        border: 0 none;
        overflow: hidden;
        box-sizing: content-box;
    }

    body>h2:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    body>h1:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    body>h1:first-child+h2 {
        margin-top: 0;
        padding-top: 0;
    }

    body>h3:first-child,
    body>h4:first-child,
    body>h5:first-child,
    body>h6:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    a:first-child h1,
    a:first-child h2,
    a:first-child h3,
    a:first-child h4,
    a:first-child h5,
    a:first-child h6 {
        margin-top: 0;
        padding-top: 0;
    }

    h1 p,
    h2 p,
    h3 p,
    h4 p,
    h5 p,
    h6 p {
        margin-top: 0;
    }

    li p.first {
        display: inline-block;
    }

    /* ul,
ol {
    padding-left: 30px;
} */

    ul:first-child,
    ol:first-child {
        margin-top: 0;
    }

    ul:last-child,
    ol:last-child {
        margin-bottom: 0;
    }

    blockquote {
        border-left: 4px solid #42b983;
        padding: 10px 15px;
        color: #777;
        background-color: rgba(66, 185, 131, .1);
    }

    code {
        color: #476582;
        padding: 0.25rem 0.5rem;
        margin: 0;
        font-size: .85em;
        background-color: rgba(27, 31, 35, .05);
        border-radius: 3px;

        &.language-html {
            background-color: hsl(230, 1%, 98%);
        }
    }

    pre {
        max-height: 500px;
    }
}